<template>
  <header class="w-full h-20 shadow-lg flex-center justify-between px-6 bg-primary">
    <div>
      <a href="#" class="mr-2 font-bold text-default px-4 py-2 rounded-md">BLOG LOGO</a>
      <a href="#" class="text-default hover:text-info border-b-1 px-4 py-2">BLOG NAME</a>
    </div>

    <div>
      <a href="#" class="px-4 py-2 rounded-md hover:bg-gray-200">...</a>
    </div>
  </header>

  <main class="container mx-auto">
    <RouterView />
  </main>
</template>
